<template>
	<view class="mine">
		<view class="mine-company flex flex-direction align-center">
			<u--image
				width="220rpx"
				height="220rpx"
				radius="6"
				:src="setting.logo" 
				mode="aspectFill"></u--image>
			<view class="text">{{ setting.name }}</view>
		</view>
		<u-gap height="30rpx" marginTop="30rpx" bgColor="#f8f8f8"></u-gap>
		<view class="mine-content">
			<view class="title">公司简介</view>
			<view class="desc">{{ setting.desc }}</view>
			<u-parse
				class="content"
				:content="setting.content" 
				:lazy-load="true" 
				:show-with-animation="true"
				:tag-style="tagStyle"
			></u-parse>
		</view>
	</view>
</template>

<script>
	
	export default {
		data() {
			return {
				skeletonLoading: true,
				tagStyle: {
					div: 'overflow: hidden;line-height:0!important;font-size:0!important;',
					img: 'width: 750rpx!important;line-height:0!important;margin-top: 20rpx;margin-bottom: 20rpx;max-width: 750rpx!important;vertical-align:center;',
					view: 'overflow: hidden;line-height:0!important;font-size:0!important;',
					image: 'width: 750rpx!important;line-height:0!important;max-width: 750rpx!important;vertical-align:center;'
				},
				setting: {}
			}
		},
		onPullDownRefresh() {
			this.getAboutus()
		},
		onLoad() {
			this.setting = uni.getStorageSync(this.constants.STORAGE_SETTING_KEY)
		},
		methods: {
		}
	}
</script>

<style lang="scss" scoped>
.mine {
	&-company {
		padding: 30rpx 30rpx 20rpx;
		.text {
			font-size: 30rpx;
			margin-top: 20rpx;
		}
	}
	&-content {
		line-height: 48rpx;
		font-size: 28rpx;
		padding: 30rpx;
		.title {
			font-size: 30rpx;
			font-weight: 700;
			margin-bottom: 10rpx;
		}
		.desc {
			margin-bottom: 30rpx;
		}
	}
}
</style>
